{% load staticfiles %}
<html>
  <head>
    <link rel="stylesheet" href="{% static 'css/pure.css' %}">
    <link rel="stylesheet" href="{% static 'css/pure_response.css' %}">
    <style>
      .mobike-container {
        margin-top: 300; 
      }
      #mobike-logo {
        display: block;
        margin:0 auto; 
      }
    </style>
  </head>
  <body style="background-image: url('https://git.oschina.net/kekeblom/bikechain/raw/master/public/images/iPhone7.png'); background-position: 45% 20%; height: 1500px">
    <div class="mobike-container">
      <div class="pure-g">
          <div class="pure-u-1-3"></div>
          <div class="pure-u-1-3">
            <img id="mobike-logo" src="https://git.oschina.net/kekeblom/bikechain/raw/master/public/images/mobike-ex.png" />
          </div>
          <div class="pure-u-1-3"></div>
          </div>
      </div>
      <div class="pure-g success" style="margin-top:100px;">
        <img id="award" src="https://git.oschina.net/kekeblom/bikechain/raw/master/public/images/Mobile%20banking.png" style="width: 300px; height: 300px; display: block; margin: 0 auto"/>
      </div>
      <div style="text-align:center;">
          <p style="font-size:30px; font-weight:bold; color: #eb5d4a;">Now you get the Starbucks coupon</p>
          <p style="font-size:150px; font-weight:bold; color: #eb5d4a;">$5</p>
      </div>
    </div>
    <script src="{% static 'scripts/jQuery.min.js' %}"></script>
    <script src="">
    </script>

  </body>
</html>

